<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <title>Come Out And Play</title>
  
	<style type="text/css">
      @import url("http://www.google.com/uds/css/gsearch.css");
      @import url("http://www.google.com/uds/solutions/localsearch/gmlocalsearch.css");
    </style>
	
	
	 <script type="text/javascript" src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>



	<script type="text/javascript">   //탭 관련 부분 
        $(function(){
            // Fast and dirty //탭 버튼 눌렀을 때 넘어가도록 하는 부분
            $('article.tabs section > h3').click(function(){
                $('article.tabs section').removeClass('current');
                $(this)
                .closest('section').addClass('current');
            });
        });
    </script>

	
    <style type="text/css">   
<!--   탭에 관한 스타일 -->
		
		{ background : green }  
		{ background-repeat : no-repeat } 

        .tabs {
            height: 400px;
            overflow: hidden;
            position: relative;
            z-index: 1;
            display: block;
        }
        .tabs section {
            float: left;
            z-index: 1;
        }
        .tabs section h3 {
            margin: 0 1px 0 0;
            background: #e8b9cb;
            padding: 3px 10px;
            font: bold 12px Arial;
            -moz-border-radius: 5px 5px 0 0;
            cursor: hand;
            cursor: pointer;
        }

        .tabs section.current h3 { background: #eee; cursor: default; }

        .tabs section div {
            position: absolute;
            left: 0;
            z-index: 2;
            width: 100%;
            height: 100%;
            background: #eee;
            display: none;
            padding: 0 10px;
            font: 12px Arial;
        }
        .tabs section.current div { display: block; }
    </style>


</head>
<body bgcolor = #f5fffa>
    <img src = "http://dream.ewha.ac.kr/~yubin89/image/main.jpg" 
	width=320 height= 80 alt = "메인이미지">

    <article class="tabs">
        <section class="current">
            <h3>Calendar</h3>
            <div>
                <iframe src="http://www.google.com/calendar/embed?title=Find%20Concert&amp;
				showTitle=0&amp;showNav=0&amp;showPrint=0&amp;height=480&amp;wkst=1&amp;bgcolor=%23ffcccc&amp;
				src=ko.south_korea%23holiday%40group.v.calendar.google.com&amp;color=%23060D5E&amp;ctz=Asia%2FSeoul"
				style=" border-width:0 " width="300" height="300" frameborder="0" scrolling="no"></iframe>
            </div>
        </section>
		<section>
            <h3>Search</h3>
            <div>	
				<iframe src="search.html" width = "300" height= "300">
				</iframe>  <!-- 검색창 가져오기-->
				
            </div>
        </section>
        <section>
            <h3>Board</h3>	
			<div>			
				<table bordercolor="#eee" border="0" width="300" height="150">
					<tr>
						<a href="http://www.springnote.com/session/new?return_to=http://helloyubin.springnote.com/pages" target=_self>
						<img width="110" height="30" src="http://dream.ewha.ac.kr/~yubin89/image/write.jpg" alt="스프링노트배너"/></a>	
					</tr>				
					<tr>			
						<td>
						<iframe src="http://helloyubin.springnote.com/pages/6811979" width = "300" height= "300">
						</iframe>	</td>	
					</tr>
				</table>	
			</div>     
	 </section>
		
        <section>
            <h3>Map</h3>    
			<div>
				<iframe src="map.html" width = "300" height= "300">
				</iframe>  <!-- 지도 검색 가져오기-->
			</div>	
		</section>
		<section>
            <h3>Link</h3>					
			<div align = "left">		
			<table bordercolor="#c0c0c0" bgcolor= "#ffe4e1" border="1" width="300" height="300">		
			<tr>
				<td valign="middle">구로아트벨리</td>
				<td valign="middle"><a href="http://www.guroartsvalley.or.kr/" target=_blank>
			<img width="110" height="35" src="http://dream.ewha.ac.kr/~yubin89/image/guro.jpg" alt="구로아트밸리배너"/> </td>
			</tr>

			<tr>
				<td valign="middle">남산예술센터</td>
				<td valign="middle"><a href="http://www.nsartscenter.or.kr/" target=_blank>
			<img width="110" height="35" src="http://dream.ewha.ac.kr/~yubin89/image/namsan.jpg" alt="남산예술센터배너"/> </td>
			</tr>
			
			<tr>
				<td valign="middle">덕수궁미술관</td>
				<td valign="middle"><a href="http://www.moca.go.kr/" target=_blank>
			<img width="110" height="35" src="http://dream.ewha.ac.kr/~yubin89/image/duck.jpg" alt="덕수궁미술관배너"/> </td>
			</tr>

			<tr>
				<td valign="middle">동숭아트센터</td>
				<td valign="middle"><a href="http://www.dsartcenter.co.kr/" target=_blank>
			<img width="110" height="35" src="http://dream.ewha.ac.kr/~yubin89/image/dong.jpg" alt="동숭아트센터배너"/> </td>
			</tr>
			
			<tr>
				<td valign="middle">마포아트센터</td>
				<td valign="middle"><a href="http://www.mapoartcenter.or.kr/" target=_blank>
			<img width="110" height="35" src="http://dream.ewha.ac.kr/~yubin89/image/mapho.jpg" alt="마포아트센터배너"/> </td>
			</tr>
			
			<tr>
				<td valign="middle">성남아트센터</td>
				<td valign="middle"><a href="http://www.snart.or.kr/" target=_blank>
			<img width="110" height="35" src="http://dream.ewha.ac.kr/~yubin89/image/seongnam.jpg" alt="성남아트센터배너"/> </td>
			</tr>
			
			<tr>
				<td valign="middle">세종문화회관</td>
				<td valign="middle"><a href="http://www.sejongpac.or.kr/" target=_blank>
			<img width="110" height="35" src="http://dream.ewha.ac.kr/~yubin89/image/seojong.jpg" alt="세종문화회관배너"/> </td>
			</tr>
			
			<tr>
				<td valign="middle">예술의전당</td>
				<td valign="middle"><a href="http://www.sac.or.kr/" target=_blank>
			<img width="110" height="35" src="http://dream.ewha.ac.kr/~yubin89/image/yeasul.jpg" alt="예술의전당배너"/> </td>
			</tr>
			
			<tr>
				<td valign="middle">충무아트홀</td>
				<td valign="middle"><a href="http://www.cmah.or.kr/" target=_blank>
			<img width="110" height="35" src="http://dream.ewha.ac.kr/~yubin89/image/chungmoo.jpg" alt="충무아트홀배너"/> </td>
			</tr>			
			</div>
	
        </section>
    </article>
	
</body>




